@charset "UTF-8";
.topback {
  height: .9rem;
  display: flex;
  align-items: center;
}

.topback svg {
  transform: rotate(180deg);
  width: .5rem;
  margin-left: .45rem;
}

.logo img {
  display: block;
  width: 7.5rem;
  height: 3.5rem;
}

.userlinkbox {
  height: 1.5rem;
  margin-top: .5rem;
  padding: 0 .75rem;
  display: flex;
  align-items: center;
}

.userlinkbox a {
  box-sizing: content-box;
  font-size: .28rem;
  font-weight: bold;
  color: #c0c4cc;
  padding: .12rem 0;
}

.userlinkbox a:last-child {
  margin-left: .5rem;
}

.register.active {
  color: #ff9625;
  border-bottom: .02rem solid #ff9625;
}

.login.active {
  color: #ff9625;
  border-bottom: .02rem solid #ff9625;
}

.checkBox {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 7.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .5rem;
  background: rgba(0, 0, 0, 0.6);
}

.checkBox input[type=checkbox] {
  width: .22rem;
  height: .22rem;
  border-radius: 3px;
}

.checkBox span {
  padding-left: .2rem;
  line-height: .32rem;
  color: #919191 !important;
}

.checkBox input[type=checkbox]::after {
  transition: all .2s linear;
  position: absolute;
  top: .55rem;
  color: #000;
  width: .22rem;
  height: .22rem;
  display: inline-block;
  visibility: visible;
  padding-left: 0px;
  text-align: center;
  content: ' ';
  border-radius: 3px;
}

.checkBox input[type=checkbox]:checked::after {
  transition: all .2s linear;
  content: "✓";
  color: #fff;
  line-height: .22rem;
  font-size: .14rem;
  font-weight: bold;
  background-color: #ff9625;
}
